/* eslint-disable no-undef */
import { setToken, getToken, removeToken, setTimeStamp } from '@/utils/auth'
import { login, getUserInfo } from '@/api/user'
import { getUserDetailById } from '@/api/employees'
import { resetRouter } from '@/router'

export default {
  namespaced: true,
  state: {
    token: getToken(),
    userInfo: {}
  },
  mutations: {
    setToken(state, data) {
      // console.log(1)
      // console.log(data)
      state.token = data
      // 除了设置到 state 中
      // 还需要放入 cookie 做数据持久化
      setToken(data)
    },
    setUserInfo(state, data) {
      state.userInfo = data
    },
    // 清除token数据函数
    removeToken(state) {
      // console.log('删除token')
      state.token = ''
      removeToken()
    },
    // 清除userInfo数据函数
    removeUserInfo(state) {
      // console.log('删除userInfo数据')
      state.userInfo = {}
    }
  },
  actions: {
    async login(store, data) {
      // 两个参数,当store本身,外面调用时的参数
      // console.log(store)
      // console.log(data)
      try {
        const res = await login(data)
        store.commit('setToken', res)

        // 给token的记录开始时间的封装函数
        setTimeStamp()
      } catch (error) {
        // console.log('失败逻辑')
        console.log(error)
      }
    },
    logout(store) {
      // 清除state
      // 1. 清理 token
      store.commit('removeToken')
      // 2. 清理 userInfo
      store.commit('removeUserInfo')
      // 3. 退出登录是清空路由数据
      resetRouter()
      // 4. 清空显示菜单的数组 可以通过添加 {root: true} 来制定操作的实例时根vuex 实例
      store.commit('permission/setRoutes', [], { root: true })
    },
    async getUserInfo(store) {
      // console.log(store)
      const resSimple = await getUserInfo()
      const userId = resSimple.userId
      const resDetail = await getUserDetailById(userId)
      const res = {
        ...resSimple,
        ...resDetail
      }
      // console.log(res)
      store.commit('setUserInfo', res)
      // 为了之后的操作, 返回这个 res
      return res
    }
  }
}
